<template>
    <div class="row">
        <!-- <div class="col-md-2"> -->
            <div class=" col-md-2 " v-for="p in d " :key="p.id">
                <a  :href="p.ah"><img  :src="p.url" alt="p.tag"><p>{{p.tag}}</p></a>
               <!-- <router-link   :to="p.ah"><img  :src="p.url" alt="p.tag"><p>{{p.tag}}</p></router-link> -->
            </div>
        <!-- </div> -->
    </div>
</template>

<script>
    export default {
         data() {
            return{
                d:[{
                    id:"001",
                ah:"https://www.hao123.com/",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557644790&di=fe60a8019aec808a51422a018c6de5bf&imgtype=jpg&er=1&src=http%3A%2F%2Fimg3.zdface.com%2Fhot%2F2010-06-09%2Ffc0ac59718fc9e2e393433b8da89d2c8.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050621529&di=7900e115305f0ae5459b58fd2c619b11&imgtype=0&src=http%3A%2F%2Fp2.img.cctvpic.com%2F20091217%2Fimages%2F1261041558631_1261041558631_r.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050680912&di=8ecfb3404a70a25f55dbc7dc99eebd53&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fa8b94e4a269a4ad27618c04788966de60c19f2b522f04-X3IEUX_fw658",
                tag:"怪美的"},
                {
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557644790&di=fe60a8019aec808a51422a018c6de5bf&imgtype=jpg&er=1&src=http%3A%2F%2Fimg3.zdface.com%2Fhot%2F2010-06-09%2Ffc0ac59718fc9e2e393433b8da89d2c8.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050621529&di=7900e115305f0ae5459b58fd2c619b11&imgtype=0&src=http%3A%2F%2Fp2.img.cctvpic.com%2F20091217%2Fimages%2F1261041558631_1261041558631_r.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050680912&di=8ecfb3404a70a25f55dbc7dc99eebd53&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fa8b94e4a269a4ad27618c04788966de60c19f2b522f04-X3IEUX_fw658",
                tag:"怪美的"},
                {
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557644790&di=fe60a8019aec808a51422a018c6de5bf&imgtype=jpg&er=1&src=http%3A%2F%2Fimg3.zdface.com%2Fhot%2F2010-06-09%2Ffc0ac59718fc9e2e393433b8da89d2c8.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050621529&di=7900e115305f0ae5459b58fd2c619b11&imgtype=0&src=http%3A%2F%2Fp2.img.cctvpic.com%2F20091217%2Fimages%2F1261041558631_1261041558631_r.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050680912&di=8ecfb3404a70a25f55dbc7dc99eebd53&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fa8b94e4a269a4ad27618c04788966de60c19f2b522f04-X3IEUX_fw658",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557644790&di=fe60a8019aec808a51422a018c6de5bf&imgtype=jpg&er=1&src=http%3A%2F%2Fimg3.zdface.com%2Fhot%2F2010-06-09%2Ffc0ac59718fc9e2e393433b8da89d2c8.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050621529&di=7900e115305f0ae5459b58fd2c619b11&imgtype=0&src=http%3A%2F%2Fp2.img.cctvpic.com%2F20091217%2Fimages%2F1261041558631_1261041558631_r.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050680912&di=8ecfb3404a70a25f55dbc7dc99eebd53&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fa8b94e4a269a4ad27618c04788966de60c19f2b522f04-X3IEUX_fw658",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050621529&di=7900e115305f0ae5459b58fd2c619b11&imgtype=0&src=http%3A%2F%2Fp2.img.cctvpic.com%2F20091217%2Fimages%2F1261041558631_1261041558631_r.jpg",
                tag:"怪美的"},{
                    id:"001",
                ah:"https://www.hao123.com/?tn=02003390_18_hao_pg",
                url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557050680912&di=8ecfb3404a70a25f55dbc7dc99eebd53&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fa8b94e4a269a4ad27618c04788966de60c19f2b522f04-X3IEUX_fw658",
                tag:"怪美的"}
                ]
                 
        
             }
                     }

    }

</script>

<style scoped>
.col-md-2{
    height: 280px;
    width: 140px;
    margin-top: 8px;

}
img{
    height: 240px;
    max-width: 100%;
    max-height: 100%;
}

</style>
